@import "font_cu5mxondkaxrms4i.css";
html {
  font-size: 13px;
  font-family: 'Microsoft YaHei';
}
.user-filter {
  width: 100%;
  display: table;
  border-bottom: 1px solid #ddd;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
}
.user-filter .user-filter-item {
  display: table-cell;
  width: 33.33333333%;
  font-size: 1.2rem;
  line-height: 2.8rem;
  text-align: center;
}
.user-filter .user-filter-item .user-filter-text {
  background-size: auto 60%;
  background-repeat: no-repeat;
  text-indent: 1rem;
  display: inline-block;
  background-position: 0 center;
  padding: 0 .8rem;
}
.user-filter .user-filter-item .user-filter-icon-all {
  background-image: url(../all.png);
}
.user-filter .user-filter-item .user-filter-icon-male {
  background-image: url(../male.png);
}
.user-filter .user-filter-item .user-filter-icon-female {
  background-image: url(../female.png);
}
.user-filter .user-filter-item.active .user-filter-text {
  color: #03bd01;
  border-bottom: 3px solid #03bd01;
}
.user-filter .user-filter-item.active .user-filter-icon-all {
  background-image: url(../all@active.png);
}
.user-filter .user-filter-item.active .user-filter-icon-male {
  background-image: url(../male@active.png);
}
.user-filter .user-filter-item.active .user-filter-icon-female {
  background-image: url(../female@active.png);
}
.user_panel {
  margin-top: 40px;
}
.user_panel .user-rows {
  overflow: hidden;
  background-color: #f1f1f1;
}
.user_panel .user-rows:nth-child(2n) {
  background-color: #fff;
}
.user_panel .user-rows .user-item {
  display: inline-block;
  width: 33.33333333%;
  float: left;
  overflow: hidden;
  padding: 15px 0;
}
.user_panel .user-rows .user-item .avatar {
  width: 5.5rem;
  height: 5.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2.8rem;
  background-color: #FFFFFF;
  margin: 0rem auto 0rem auto;
  display: block;
}
.user_panel .user-rows .user-item .user-info {
  display: block;
  margin-top: 4px;
  text-align: center;
}
.user_panel .user-rows .user-item .user-info .nickname {
  color: #333333;
  font-size: 1.2rem;
  max-width: 13rem;
  overflow: hidden;
  height: 1.6rem;
  word-break: break-all;
  white-space: normal;
}
.user_panel .user-rows .male .user-info .nickname {
  color: #3d9dff;
}
.user_panel .user-rows .male .avatar {
  border: #3d9dff solid 2px;
}
.user_panel .user-rows .female .user-info .nickname {
  color: #ff6bb8;
}
.user_panel .user-rows .female .avatar {
  border: #ff6bb8 solid 2px;
}
.user_panel .user-rows .secret .user-info .nickname {
  color: #999;
}
.user_panel .user-rows .secret .avatar {
  border: #999 solid 2px;
}
.user_panel .user-rows .special .user-info .nickname {
  color: #fff;
  background: rgba(3, 189, 1, 0.5);
  display: inline-block;
  padding: 3px 10px;
  border-radius: 3px;
}
.user_panel .user-rows .special .avatar {
  border: #03bd01 solid 2px;
}
.footer_panel {
  position: fixed;
  bottom: 0px;
  background-color: #F8F8F8;
  border-top: 1px #CFCFCF solid;
  width: 100%;
  height: 3.5rem;
}
.footer_panel ul li {
  width: 50vw;
  float: left;
  line-height: 3.5rem;
  text-align: center;
  color: #666666;
}
.footer_panel ul li .line {
  display: block;
  width: 1px;
  box-shadow: 1px 0px 1px #ffffff;
  background-color: #CCCCCC;
  margin: 0.5rem 0px;
  height: 2.5rem;
  float: right;
}
.loading {
  text-align: center;
  display: none;
  font-size: 1rem;
  padding: 1rem;
  color: #aaa;
}
.loading span {
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #aaa;
}
.banding_qrcode_box {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.banding_qrcode_box .banding_qrcode_panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  text-align: center;
  padding: 1rem;
}
.banding_qrcode_box .banding_qrcode_panel span {
  color: #666;
  margin-bottom: 10px;
}
.banding_qrcode_box .banding_qrcode_panel b {
  font-weight: normal;
  float: right;
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 1.2rem;
  color: #666666;
}
.banding_qrcode_box .banding_qrcode_panel img {
  width: 100%;
}
.temp_el_panel {
  overflow: hidden;
}
.el_panel .mzh_modal_alert_dialog .mzh_modal_alert_body {
  padding: 1rem;
}
.fl-slide-content {
  overflow: hidden;
}
.fl-slide-content .fl-slide-panel {
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-radius: 1.2vw;
  overflow: hidden;
}
.fl-slide-content .fl-slide-panel .fl-el-guest,
.fl-slide-content .fl-slide-panel .fl-el-item {
  position: relative;
  float: left;
  width: 33%;
  padding: 0 0 3vw;
}
.fl-slide-content .fl-slide-panel .fl-el-guest .fl-el-guest-img,
.fl-slide-content .fl-slide-panel .fl-el-item .fl-el-guest-img,
.fl-slide-content .fl-slide-panel .fl-el-guest .fl-el-item-img,
.fl-slide-content .fl-slide-panel .fl-el-item .fl-el-item-img {
  width: 90%;
  height: 23vw;
  margin-top: 5%;
}
.fl-slide-content .fl-slide-panel .fl-el-guest:nth-child(2n),
.fl-slide-content .fl-slide-panel .fl-el-item:nth-child(2n) {
  background-color: #ededed;
  margin: 0 0.5%;
}
.fl-slide-content .fl-slide-panel .fl-el-guest:nth-child(4),
.fl-slide-content .fl-slide-panel .fl-el-item:nth-child(4) {
  margin: 0;
}
.fl-slide-content .fl-slide-panel .fl-el-guest .fl-el-guest-mask,
.fl-slide-content .fl-slide-panel .fl-el-item .fl-el-guest-mask,
.fl-slide-content .fl-slide-panel .fl-el-guest .fl-el-item-mask,
.fl-slide-content .fl-slide-panel .fl-el-item .fl-el-item-mask {
  display: none;
}
.fl-slide-content .fl-slide-panel .fl-el-guest.selected,
.fl-slide-content .fl-slide-panel .fl-el-item.selected {
  color: #03bd01;
  background: #fff;
}
.fl-slide-content .fl-slide-panel .fl-el-guest.selected .fl-el-guest-mask,
.fl-slide-content .fl-slide-panel .fl-el-item.selected .fl-el-guest-mask,
.fl-slide-content .fl-slide-panel .fl-el-guest.selected .fl-el-item-mask,
.fl-slide-content .fl-slide-panel .fl-el-item.selected .fl-el-item-mask {
  display: block;
  border: 2px solid #03bd01;
  width: 96%;
  height: 96%;
  z-index: 999;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1.2vw;
}
.fl-template {
  display: none;
}
.fl-slide-el-text {
  margin-top: 10px;
  overflow: hidden;
}
.fl-slide-el-text .el-image-upload {
  position: relative;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: 21%;
  vertical-align: middle;
}
.fl-slide-el-text .el-image-upload img {
  width: 100%;
  height: 100%;
}
.fl-slide-el-text .el-image-upload .photo_file {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.fl-slide-el-text .el-love-letter {
  display: inline-block;
  width: 65%;
  border: 1px #eeeeee solid;
  height: 14vw;
  padding: 3%;
  vertical-align: middle;
  border-radius: 8px;
  font-size: 1.2rem;
}
.fl-slide-el-text .el-item-option {
  display: inline-block;
  border: 1px solid #03bd01;
  color: #03bd01;
  padding: 3px 5px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 3px;
}
.fl-slide-el-text .el-item-option.selected {
  background-color: #03bd01;
  color: #fff;
}
.fl-strong {
  color: #03bd01;
}
input[type=checkbox].fl-checkbox {
  -webkit-appearance: inherit;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 2rem;
  height: 20px;
  width: 20px;
  color: #b3b3b3;
}
input[type=checkbox].fl-checkbox {
  background-image: url(../unchecked.png);
  background-repeat: no-repeat;
  background-size: contain;
}
input[type=checkbox].fl-checkbox:checked {
  background-image: url(../checked.png);
}
.fl-slide-optional {
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
  vertical-align: middle;
  margin: .5rem 0;
}
.fl-slide-optional label {
  vertical-align: middle;
}
.fl-number-picker {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.fl-number-picker .fl-number-picker-add,
.fl-number-picker .fl-number-picker-minus {
  display: block;
  width: 1.8rem;
  height: 2.6rem;
  text-align: center;
  font-size: 1.8rem;
  vertical-align: middle;
  padding: 0 .4rem;
  background: #ddd;
  border: 0.1rem solid #ccc;
  color: #fff;
  line-height: 2.7rem;
  float: left;
  font-weight: bold;
}
.fl-number-picker .fl-number-picker-add.enabled,
.fl-number-picker .fl-number-picker-minus.enabled {
  background: #fff;
  color: #03bd01;
}
.fl-number-picker .fl-number-picker-add:before {
  content: '\e727';
}
.fl-number-picker .fl-number-picker-minus:before {
  content: '\e729';
}
.fl-number-picker input[type=number] {
  -webkit-appearance: inherit;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2.2rem;
  height: 2rem;
  text-align: right;
  background: transparent;
  border: none;
  width: 40px;
}
.fl-number-picker .fl-input-wrapper {
  display: block;
  background: #fff;
  border: .1rem solid #ccc;
  padding: .1rem .4rem;
  height: 2.4rem;
  vertical-align: middle;
  border-left: 0;
  border-right: 0;
  float: left;
}
.fl-pocket {
  padding-bottom: 60px;
  overflow: hidden;
  background: #efefef;
}
.fl-pocket-footer {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 90%;
  padding: 10px 5%;
  border-top: 1px solid #cecece;
  overflow: hidden;
}
.fl-pocket-footer button:last-child {
  float: right;
}
.fl-pocket-gift-item {
  display: block;
  overflow: hidden;
  margin: 2.5% 2.5% 0;
  border: 1px solid #cecece;
  border-radius: .3rem;
  background: #fff;
}
.fl-pocket-gift-item .fl-pocket-gift-location {
  font-size: 1rem;
  padding: 5px 15px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.fl-pocket-gift-item .fl-pocket-gift-info {
  display: block;
  padding: 15px;
  overflow: hidden;
}
.fl-pocket-gift-item .fl-pocket-gift-info .fl-pocket-gift-image {
  width: 30%;
  vertical-align: top;
  display: inline-block;
  border: 1px solid #ccc;
}
.fl-pocket-gift-item .fl-pocket-gift-info .fl-pocket-gift-desc {
  display: inline-block;
  width: 68%;
  vertical-align: top;
}
.fl-pocket-gift-item .fl-pocket-gift-info .fl-pocket-gift-desc .fl-pocket-gift-name {
  padding: 0 0 3px 8px;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.fl-pocket-gift-item .fl-pocket-gift-info .fl-pocket-gift-desc .fl-pocket-gift-price,
.fl-pocket-gift-item .fl-pocket-gift-info .fl-pocket-gift-desc .fl-pocket-gift-date {
  padding: 0 0 3px 8px;
}
.fl-pocket-gift-item .fl-pocket-gift-info .fl-pocket-gift-desc .fl-pocket-gift-price span {
  color: #ff0000;
  font-size: 1.1rem;
}
.fl-pocket-gift-item .fl-pocket-gift-operand {
  border-top: 1px solid #f1f1f1;
  padding: 5px 5%;
  display: table;
  width: 90%;
}
.fl-pocket-gift-item .fl-pocket-gift-operand * {
  display: table-cell;
  text-align: center;
}
.fl-pocket-gift-item .fl-pocket-gift-operand *:last-child {
  text-align: right;
}
.fl-pocket-gift-item .fl-pocket-gift-operand *:nth-child(2) {
  text-align: right;
}
.fl-button {
  border: none;
  display: inline-block;
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  font-family: 'Microsoft Yahei';
}
.fl-button.fl-button-success {
  background-color: #4aaa4a;
}
.fl-button.fl-button-success:hover {
  background-color: #3b863b;
}
.fl-button.fl-button-warning {
  background-color: #ea6e0c;
}
.fl-button.fl-button-warning:hover {
  background-color: #b9570a;
}
.fl-empty-pocket {
  text-align: center;
  padding-top: 5rem;
  color: #999;
  font-size: 1.2rem;
  line-height: 2.2rem;
}
.fl-slide-pager {
  margin-bottom: 3vw;
}
.fl-slide-pager ul {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
.fl-slide-pager ul li {
  display: inline-block;
  font-size: 0;
  width: 2vw;
  height: 2vw;
  background: #d7d7d7;
  border-radius: 1vw;
  margin-right: 2vw;
}
.fl-slide-pager ul li.on {
  background: #03bd01;
  transform: scale(1.1);
}
.close {
  font-size: 1.8rem;
  opacity: 0.8;
  float: right;
  margin-top: -5px;
  margin-right: -5px;
}
